1.将HTML层级结构，抽象成树形的结构
2.使用DOM节点来完成对页面元素的访问和操作过程
3.访问过程，得到DOM节点对象
document.getElementById("id属性值");
document.getElementsByTagName("标签名");//集合
document.getElementsByClassName("class属性值");//集合

node.children//集合  node.parentNode  node.previousElementSibling
node.firstElementChild   

4.DOM元素的属性

node.innerHTML  获取或者设置DOM节点中的HTML代码
node.innerText  获取或者设置DOM节点中的文本内容

node.getAttribute("属性名")//获取特定属性
node.setAttribute("属性名"，"属性值")设置特定属性属性值
node.hasAttribute("属性名");
node.removeAttribute("属性名");